<?php
	header('Content-Type: text/html; charset=UTF-8');	
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Proyecto</title>
<link href="styles/style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="styles/base.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js"></script>
<script type="text/javascript" src="scripts/jquery.pikachoose.js"></script>
	<script type="text/javascript">
				$(document).ready(function() {
				
					$("#pikame").PikaChoose();
					
					$("#btn_enviar").click(function(){
						$("#formCon").submit();
					});
					
				});
	</script>
</head>
<body>
<div id="container">
  <header>
    <nav>
      <ul id="nav">
            <li><a href="index.php" >Inicio</a></li>
            <li><a href="about.php">Nosotros</a></li>
            <li><a href="menu.php">Menú</a></li>
            <li><a href="gallery.php">Galería</a></li>
            <li><a href="PHP/reservaciones.php">Reservar</a></li>
            <li><a href="contact.php" class="current">Contacto</a></li>
      </ul>
    </nav>
  </header>
  <div class="wrapper">
    <div class="border"></div>
    <article>
      <h3>Contactenos</h3>
      <!--<iframe width="625" height="250" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=701+1st+Ave,+Sunnyvale,+CA+94089,+USA&amp;aq=0&amp;oq=701+&amp;sll=37.0625,-95.677068&amp;sspn=45.418852,93.076172&amp;t=v&amp;ie=UTF8&amp;hq=&amp;hnear=701+1st+Ave,+Sunnyvale,+California+94089&amp;z=14&amp;ll=37.417222,-122.02511&amp;output=embed"></iframe>-->
	  <iframe width="625" height="250" src="http://maps.google.co.cr/maps?f=q&amp;source=s_q&amp;hl=es&amp;geocode=&amp;q=Alajuela,+Costa+Rica&amp;aq=0&amp;oq=Alajuela,+Alajuela,+Cos&amp;sll=8.35789,-84.80865&amp;sspn=5.715189,10.821533&amp;ie=UTF8&amp;hq=&amp;hnear=Alajuela&amp;t=m&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe>
	  <br /><small><a href="http://maps.google.co.cr/maps?f=q&amp;source=embed&amp;hl=es&amp;geocode=&amp;q=Alajuela,+Costa+Rica&amp;aq=0&amp;oq=Alajuela,+Alajuela,+Cos&amp;sll=8.35789,-84.80865&amp;sspn=5.715189,10.821533&amp;ie=UTF8&amp;hq=&amp;hnear=Alajuela&amp;t=m&amp;z=14&amp;iwloc=A" style="color:#0000FF;text-align:left">Ver mapa más grande</a></small>
      <br />
      <p>Su opinión es importante para nosotros, escribanos sus sugerencias, inquietudes u opiniones sobre nuestro servicio, o realice una cotización especializada para alguna actividad especial, personal o de trabajo, estamos para servirle.</p>
      <form action="PHP/contactenos.php" id="formCon" method="post">
        <label for="name">Nombre:</label>
        <br>
        <input type="text" name="name" id="name" value="" tabindex="1" />
        <br>
        <br>
        <label for="name">Tema:</label>
        <br>
        <input type="text" name="tema" id="tema" value="" tabindex="1" />
        <br>
        <br>
        <label for="name">Correo Electrónico:</label>
        <br>
        <input type="text" name="correo" id="correo" value="" tabindex="1" />
        <br>
        <br>
        <label for="textarea">Mensaje:</label>
        <br>
        <textarea cols="40" rows="8" name="mensaje" id="mensaje"></textarea>
        <br>
        <br>
        <input type="button" id="btn_enviar" value="Enviar" class="button" />
      </form>
      <br>
      <br>
      <br>
    </article>
    <aside class="sidebar">
       <h3>Nuestros Platos</h3>
      <ul class="blog">
        <li>○ Son elaborados con aceite de oliva.</li>
		<li><br/>○ Las pizzas son echas en horno de leña.</li>
        <li><br/>○ Todos nuestros precios inluyen impuestos 
		de venta y servicio tambien aplica en servicio de reservación.</li>
             
      </ul>
      <div class="border3"></div>
      <h3>Visitenos!!</h3>
      <img src="images/home/1.jpg" width="280" alt="" />
      <p><strong>Con gusto le atenderemos todas sus consultas y sugerencias.</strong><br>
    </aside>
    <div class="border2"></div>
    <br>
  </div>
  <footer>
    <div class="border"></div>
    <div class="footer-widget">
       <h4>Políticas</h4>
          <p>Las reservaciones se deben realizar con un minimo de 24 horas de anticipación, se presentar la factura impresa o llevar el número de la misma. La cancelación de las reservaciones se debe realizar con una antelación de al menos 24 horas y se cobrará solamente la mitad del precio total, en caso contrario será cobrado en su totalidad.</p>
        </div>
        <div class="footer-widget">
          <h4>Promociones</h4>
          <ul class="blog">
            <li>Las promociones son validas solamente en los días y horas especificadas.</li>
            <li>No se pueden mezclar dichas promociones.</li>
           <!-- <li><a href="#">Suspendisse In Neque</a><br/> -->
              Solamente se pueden cancelar en efectivo</li>
          </ul>
        </div>
        <div class="footer-widget">
          <h4>Buscanos!</h4>
          <div id="social"> <a href="http://twitter.com" class="s3d twitter" target="_blank"> Twitter <span class="icons twitter"></span> </a> <a href="http://www.facebook.com" class="s3d facebook" target="_blank"> Facebook <span class="icons facebook"></span> </a> <a href="http://forrst.com" class="s3d forrst" target="_blank"> Forrst <span class="icons forrst"></span> </a> <a href="http://www.flickr.com" class="s3d flickr" target="_blank"> Flickr <span class="icons flickr"></span> </a> <a href="#" class="s3d designmoo" target="_blank"> Designmoo <span class="icons designmoo"></span> </a> </div>
        </div>
        <div class="border2"></div>
        <br />
        <span class="copyright"><span class="left"><br />
        &copy; Copyright 2012 - All Rights Reserved - <a href="#">PILEÑA</a></span><span class="right"><br />
        Design by <a href="http://www.priteshgupta.com">PriteshGupta.com</a><br />
        <br>
        <br />
    </span></span></footer>
</div>
</body>
</html>